import styled from 'styled-components'

export const LoginWrapper = styled.div`
    position:absolute;
    top:55px;
    bottom:0;
    left:0;
    right:0;
    background:#eee;
`

export const LoginBox = styled.div`
   width:350px;
   height:220px;
   margin:100px auto; 
   padding:30px 0;
   box-sizing:border-box;
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0 0 8px rgba(0,0,0,.1);
`

export const Input = styled.input`
   width:200px;
   height:30px;
   margin:0 auto;
   margin-bottom:20px;
   display:block;
`

export const LoginButton = styled.div`
   width:200px;
   height:30px;
   line-height:30px;
   text-align:center;
   font-size:14px;
   color:#fff;
   cursor: pointer;
   margin:0 auto;
   margin-top:20px;
   display:block;
   background: #3194d0;
   border-radius:10px;
`